/***** Header *****/
header{position: fixed;background:#fff;width: 100%;z-index: 1000;height:.88rem;line-height:.88rem; box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.2);}
header:after{content:"";position:absolute;background:url(/public/common/images/juxing.png) no-repeat;width:6.8rem;height:.88rem;right:0;top:0;z-index:-1;background-size:cover}
header .img a{display:inline-block}
header .img a img {max-height:.63rem;transition:none}
header .nav ul{display:flex;}
header .nav ul li {width:11%;text-align:center;position:relative;margin:0 .1rem}
header .nav ul li.active>a{color:#FF6D00}
header .nav ul li.xss5.active>a,header .nav ul li.xss6.active>a,header .nav ul li.xss4.active>a{color:black}
header .nav ul li.xss5>a,header .nav ul li.xss6>a,header .nav ul li.xss4>a{color:white}
header .nav ul li.xss5>a:hover,header .nav ul li.xss6>a:hover,header .nav ul li.xss4>a:hover{color:black}
header .nav ul li:after{content:"";position:absolute;width:0;bottom:0;height:2px;background:#FF6D00;left:0;transition:width 0.5s ease;}
header .nav ul li:hover:after{width:100%;}
header .nav ul li>a{font-size:.16rem;color: black}
header .nav ul li>a:hover{color:#FF6D00}
header .nav ul li>dl{position:absolute;top:100%;left:50%;width:1.8rem;transition:none;display:none;background:rgba(0,0,0,.5);transform:translateX(-50%);}
header .nav ul li>dl dd a{font-size:.14rem;color:white;display:block;text-align:center;padding: .15rem 2px;background:url(/public/common/images/icon2.png) center bottom no-repeat;background-size:1.32rem auto;}
header .nav ul li>dl dd:hover{background:#FF6D00}
header .nav ul li>dl dd:hover a{color:white}
header .right {display:flex;justify-content: center;}
header .right .langs ul{display:flex;color:white;}
header .right .langs ul li{}
header .right .langs ul li a{display:initial;color:white;font-size:.16rem;padding:0 .1rem;border-right:2px solid white;}
header .right .langs ul li:last-child a{border:0}
header .right .serch{width:8%;text-align:right}
header .right .serch a{display:initial;font-size:.16rem;color:white}
footer {background:#353535;position:relative}
footer:after{content:"";position:absolute;top:0;width:100%;left:0;background:#ff6d00;height:5px}
footer .top>div{display:flex;padding:.93rem 0 .4rem;justify-content: space-between;}
footer .top .left{width:18%}
footer .top .left h1{font-size:.15rem;padding:.22rem 0 .18rem;color:#e9e9e9}
footer .top .left p{color:#bebebe;padding:0 0 .1rem;font-size:.14rem}
footer .top .middle{width:60%;display:flex;justify-content: space-evenly;padding:.18rem 0 0;}
footer .top .middle dl{}
footer .top .middle dl dt{margin:0 0 .1rem}
footer .top .middle dl dt a{color:white;font-size:.16rem}
footer .top .middle dl dd{margin:0 0 .1rem}
footer .top .middle dl dd a{color:#d8d8d8}
footer .top .right{width:10%;text-align:center;padding:.5rem 0}
footer .top .right p{color:#d4d1d1;padding:.1rem 0 0;font-size:.15rem}
footer .bot{border-top:1px solid #bbbbbb}
footer .bot>div{display:flex;padding:.57rem 0 .48rem;}
footer .bot p{color:#777777;width:30%}
footer .bot p a{color:#777777;display:inline-block;}
footer .bot .shares{width:40%;text-align:right}
footer .bot .shares>*{display:inline-block;margin:0 .1rem}
footer .bot .shares a i{font-size:.15rem;}
.tem_banner {padding: .88rem 0 0 }
.tem_banner .flash{position:relative}
.tem_banner .flash .txt{position:absolute;left:2.6rem;bottom:30%}
.tem_banner .flash .txt h1{font-size:.55rem;color:white;padding:0 0 .3rem}
.tem_banner .flash .txt p{font-size:.23rem;color:white;padding:0 0 0 1.2rem;position:relative}
.tem_banner .flash .txt p:after{content:"";position:absolute;height:2px;width:1rem;background:white;left:0;top:50%;transform:translateY(-50%)}
.about_nav{background:#f7f7f7; border-bottom:1px solid #d2d2d2}
.about_nav>div{display:flex;height:.8rem;line-height:.8rem;justify-content: space-between;}
.about_nav>div .left{}
.about_nav>div .left ul{display:flex;}
.about_nav>div .left ul li{margin-right:.4rem}
.about_nav>div .left ul li.active a{color:#ff6d00}
.about_nav>div .left ul li.active a:after{width:100%}
.about_nav>div .left ul li a{font-size:.15rem;color:black;position:relative}
.about_nav>div .left ul li a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background:#ff6d00;transition:.6s}
.about_nav>div .left ul li a:hover:after{width:100%;transition:.6s}
.about_nav>div .left ul li a:hover{color:#ff6d00}
.about_nav>div .mbx>*{display:inline-block;font-size:.15rem}
.about_nav>div .mbx a{margin:0 .2rem;color:#7f7f7f;display:initial}
.about_nav>div .mbx a:first-child+a {display:none;}
.about_nav>div .mbx a:first-child{padding:0 0 0 .3rem;position:relative}
.about_nav>div .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/home.png) 0 center no-repeat;height:21px;width:22px;background-size:100%;left:0;top:50%;transform:translateY(-50%);background-size:.22rem .21rem;}
.about_nav>div .mbx i{color:#666666}
.about_company{background:#f7f7f7;}
.about_company .pad2{margin:0 2rem;background:white}
.about_company .pad2>div{padding:.9rem 0 .8rem}
.about_company .first{position:relative}
.about_company .first .img video {width:100%;object-fit:cover;background:#000}
.about_company .first .infos{text-align:center}
.about_company .first .infos h1{font-size:.24rem;font-weight:bold;padding:.5rem 0}
.about_company .first .infos p{font-size:.15rem;line-height:.3rem;color:black}
.about_company .first .guimo{background:url(../images/icon_bg.jpg) center no-repeat;padding:.4rem 0;text-align:center;font-size:0;background-size:cover;margin:.35rem 0}
.about_company .first .guimo>div{display:inline-block;vertical-align:top;width:20%}
.about_company .first .guimo h5 {font-size:.14rem;color:#eee;line-height:1}
.about_company .first .guimo h5 em {font-size:.6rem;color:#FFF;font-weight:bold;display:inline-block;vertical-align:bottom}
.about_company .first .guimo p{font-size:.14rem;color:#eee;margin:.15rem 0 0}
.about_company .workshop{padding:1.25rem 0 .9rem}
.about_company .workshop a{overflow:hidden}
.about_company .workshop a:hover img{transform:scale(1.1)}
.about_company .content p{font-size:.15rem;color:black;line-height:1.75;text-indent:2em}
.culture{background:#f7f7f7}
.culture .pad2{margin:0 2rem;background:white}
.culture .pad2>div{padding:1.2rem 0 .5rem 1rem}
.culture .infos{display:flex;}
.culture .infos .left{width:50%;display:flex;flex-direction: column;justify-content: center;}
.culture .infos .left .items{padding:0 0 .6rem}
.culture .infos .left .items:last-child{padding:0}
.culture .infos .left .items h1{color:black;font-size:.16rem;font-weight:bolder;padding:0 0 .1rem}
.culture .infos .left .items p{color:#585858;font-size:.15rem}
.culture .infos .right{width:45%}
.culture .imgs{padding:.52rem 0 1.66rem}
.pro_nav{text-align:right;height:.8rem;line-height:.8rem;}
.pro_nav>div .mbx>*{display:inline-block;font-size:.15rem}
.pro_nav>div .mbx a{margin:0 .2rem;color:#7f7f7f;display:initial}
.pro_nav>div .mbx a:first-child+a {display:none;}
.pro_nav>div .mbx a:first-child{padding:0 0 0 .3rem;position:relative}
.pro_nav>div .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/home.png)no-repeat;height:21px;width:22px;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.pro_nav>div .mbx i{color:#666666}
.product>div{padding:0 0 1.3rem;font-size:0}
.product>div>div{display:inline-block;vertical-align:top}
.product .product_nav{width:18%}
.product .product_nav h2{padding:.45rem 0 .45rem .35rem;background:#FF6D00;color:white;font-weight:bold;font-size:.3rem}
.product .product_nav ul li>a{padding:.3rem .2rem ;border:1px solid #d2d2d2;margin-bottom:-1px;color:black;font-size:.16rem;position:relative}
.product .product_nav ul li.opens>a i{transform: translateY(-50%) rotate(90deg) }
.product .product_nav ul li.active>a{color:#FF6D00}
.product .product_nav ul li>a i{position:absolute;right:20%;font-size:.18rem;top:50%;transform:translateY(-50%)}
.product .product_nav ul li dl{display:none;transition:0s}
.product .product_nav ul li dl a{font-size:.14rem;padding:.2rem 0 .2rem .6rem ;border:1px solid #d2d2d2;margin-bottom:-1px;color:black}
.product .product_nav ul li dl a:hover{color:#FF6D00}
.product .product_nav ul li dl .on2 a{color:#FF6D00}
.product .right{width:75%;margin-left:.8rem}
.product .right .title {padding:0 0 .36rem}
.product .right .title h1{font-size:.25rem;border-bottom:1px solid #d2d2d2;padding:.4rem 0 .27rem}
.product .lists{display:flex;flex-wrap: wrap;}
.product .lists .items{width:31%;position:relative;margin: 0 1% 0.7rem;}
.product .lists .items:after{content:"";position:absolute;bottom:0;width:100%;left:0;height:1px;background:#d2d2d2}
.product .lists .items:before{content:"";position:absolute;bottom:0;width:0;left:0;height:1px;background:#ff6d00;z-index:1;transition:.6s}
.product .lists .items:hover:before{width:100%;transition:.6s}
.product .lists .items a{margin-bottom:.2rem;position:relative}
.product .lists .items a:after{width:100%;height:0;content:"";position:absolute;background:rgba(255,109,0,.6);top:0;left:0;transition:.6s}
.product .lists .items a:hover:after{height:100%;transition:.6s}
.product .lists .items a .text{position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:2;text-align:center;opacity:0;width:100%;padding:0 .1rem}
.product .lists .items a .text h1{color:white;font-size:.18rem;padding:0 0 .05rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}
.product .lists .items a .text p{color:#FFF;font-size:.14rem}
.product .lists .items a:hover .text{top:40%;transition:.6s;opacity:1}
.product .lists .items a:hover img{transform:scale(1.1)}
.product .met_pager{text-align:center;font-size: 0;padding:.2rem 0 0}
.met_pager .PreSpan,.met_pager .NextSpan,.met_pager a{
background: #c9c9c9; font-size: 13px; color: black; margin: 0 5px; display: inline-block;
min-width: 16px; padding: 5px; line-height: 16px; border-radius: 10px;
transition: all 0.1s;
height:28px;width:28px;
border:0
}
.met_pager .null{display:none}
.met_pager a.page-num-current, .met_pager a:hover{background:#ff6d00;color:white;transition:.3s}
.met_pager a:hover i{color:white}
.showproduct {padding:.33rem 0 1.13rem;}
.showproduct .mains{background:#f9f9f9;padding:.5rem .4rem 1.85rem;}
.showproduct .mains .item1{margin:0 0 .55rem;font-size:0;position:relative}
.showproduct .mains .item1>div{width:50%;display:inline-block;vertical-align:middle;}
.showproduct .mains .item1>div.imglist{padding-right:.14rem;}
.showproduct .mains .item1>div.text{padding-left:.14rem;position:absolute;right:0;top:0;height:100%;}
.showproduct .mains .item1>div .infos {background:#FFF;border-radius:3px;}
.showproduct .mains .item1>div.imglist .infos {padding:.5rem .48rem .8rem;}
.showproduct .mains .item1>div.imglist .swiper-slide{text-align:center;}
.showproduct .mains .item1>div.imglist .maylists{margin:.35rm 0 0;position:relative;padding:0 .35rem}
.showproduct .mains .item1>div.imglist .maylists .swiper-slide{border:1px solid #e5e5e5;cursor:pointer;}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div{position:absolute;left:0;top:0;width:.22rem;text-align:center;font-size:.14rem;color:#015fc5;background:#e5e5e5;outline:none;height:100%}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div.slide-button-next{left:auto;right:0}
.showproduct .mains .item1>div.imglist .maylists .swiper-page>div:hover {background:#015fc5;color:#FFF}
.showproduct .mains .item1>div.imglist .maylists .swiper-slide-thumb-active{border-color:#015fc5}
.showproduct .mains .item1>div.text .infos {padding:.45rem .35rem 0;position:relative;height:100%}
.showproduct .mains .item1>div.text h5{font-size:.24rem;color:#ff6d00;margin:0 0 .35rem;}
.showproduct .mains .item1>div.text .editor{font-size:.14rem;color:#525253;line-height:1.8}
.showproduct .mains .item1>div.text .btns{margin:.2rem 0 0}
.showproduct .mains .item1>div.text .btns>a{display:inline-block;padding:0 .49rem;line-height:.47rem;font-size:.16rem;color:#FFF;border-radius:5px;background:#015fc5;margin-right:.29rem;}
.showproduct .mains .item1>div.text .btns>a:last-child{background:#ff7500}
.showproduct .mains .item2 {background:#FFF;padding:.3rem 0 1rem;margin:0 0 .55rem;}
.showproduct .mains .item2 h5,.showproduct .mains .item3 h5 {font-size:.24rem;color:#ff6d00;padding:0 .5rem .25rem;border-bottom:1px solid #e5e5e5}
.showproduct .mains .item2 .editor {padding:.5rem .5rem 0;}
.showproduct .mains .item2 .editor table{width:100%;}
.showproduct .mains .item2 .editor table td{border:2px solid #FFF;background:#f0f0f0;font-size:.16rem;color:#424242;padding:0 .3rem;line-height:.53rem;}
.showproduct .mains .item2 .editor table tr:first-child td {background:#015fc5;color:#FFF}
.showproduct .mains .item3 {background:#FFF;padding:.3rem 0 .65rem;}
.showproduct .mains .item3 .editor{padding:.4rem .55rem 0;font-size:.16rem;color:#535353;line-height:1.8}
.showproduct .mains .item3 .editor table {width:100% !important;}
.showproduct .mains .item3 .editor table tr td {width:auto;vertical-align:middle;height:.45rem;border:1px solid #eee;padding:0 .1rem}
.honor_nav{text-align:right;height:1.2rem;line-height:1.2rem;border-bottom:1px solid #d2d2d2}
.honor_nav>div .mbx>*{display:inline-block;font-size:.15rem}
.honor_nav>div .mbx a{margin:0 .2rem;color:#7f7f7f;display:initial}
.honor_nav>div .mbx a:first-child{padding:0 0 0 .3rem;position:relative}
.honor_nav>div .mbx a:first-child:after{content:"";position:absolute;background:url(/public/common/images/home.png)no-repeat;height:21px;width:22px;background-size:100%;left:0;top:50%;transform:translateY(-50%)}
.honor_nav>div .mbx i{color:#666666}
.honor>div{padding:.75rem 0 1.78rem}
.honor .lists{display:flex; flex-wrap: wrap; flex-direction: row;}
.honor .lists .items{width:23%;margin:0 1% .7rem}
.honor .lists a{padding:.26rem .5rem;background:#f7f6f6}
.honor .lists a:hover{background:#ff6d00}
.honor .lists a:hover img{transform:scale(1.1)}
.honor .lists .items p{text-align:center;padding:.15rem 0 0 ;font-size:.15rem;font-weight:bold}
.honor .met_pager{text-align:center;font-size: 0;padding:.6rem 0 0}
.news>div{padding:.45rem 0 1.4rem}
.news .lists .items {margin-bottom:.37rem }
.news .lists .items a{display:flex;justify-content: space-between;}
.news .lists .items a .img{width:27%}
.news .lists .items a .img img{width:100%;height:2.5rem;object-fit:cover;transition: none;}
.news .lists .items a .text{width:72.5%;padding:0 0 0 .3rem;position:relative}
.news .lists .items a .text h1{padding:.7rem 0 .3rem;font-size:.17rem;font-weight:bold;color:#434343}
.news .lists .items a .text p{font-size:.15rem;color:#434343;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.news .lists .items a .text span{display:inline-block;margin-top:.5rem;font-size:.14rem;color:#434343}
.news .lists .items a .text:after{position:absolute;content:"";background:#eeeeee;width:100%;height:3px;bottom:0;left:0}
.news .lists .items a .text:before{position:absolute;content:"";background:#ff6d00;width:0;height:3px;bottom:0;right:0;z-index:2;transition:.6s}
.news .lists .items a:hover .img{transform:scale(.96);box-shadow:2px 2px 4px rgba(0,0,0,.06)}
.news .lists .items a:hover .text:before{width:100%;transition:.6s;left:0;right:auto}
.news .met_pager{text-align:center;font-size: 0;padding:.6rem 0 0}
.show_news {padding:.45rem 0 .9rem;}
.show_news h2 {font-size:.36rem;color:#333;text-align:center;}
.show_news .met_infos {padding:.15rem 0 .35rem;font-size:.14rem;color:#585858;text-align:center;}
.show_news .met_infos span {display:inline-table;margin:0 .1rem;}
.show_news .met_infos span a {font-size:.14rem;color:#585858}
.show_news .editor {font-size:.16rem;color:#333;line-height:1.8}
.show_news .editor video{width:100%;}
.show_news .met_page {padding:.45rem 0 0;margin:.45rem 0 0;border-top:1px solid #e5e5e5;}
.show_news .met_page li {margin:.1rem 0;font-size:.14rem;color:#333}
.show_news .met_page li a {font-size:.14rem;color:#333}
.job>div{padding:0 0 1.5rem}
.job .infos{position:relative}
.job .infos .text{width:50%;position:absolute;left:0;bottom:10%;padding:0 0 0 .2rem}
.job .infos .text h1{font-size:.3rem;color:black;padding:0 0 .25rem}
.job .infos .text p{line-height:.25rem;color:#686868;font-size:.15rem}
.job .lists{padding:1rem 0 0}
.job .lists .items{background:#eeeeee;margin-bottom:.2rem}
.job .lists .items>a{background:#696969}
.job .lists .items>a div:after{content:"";height:50%;width:1px;position:absolute;background:rgba(156,156,156,.8);right:0;top:50%;transform:translateY(-50%)}
.job .lists .items>a p{font-size:.15rem;color:white}
.job .lists .items>a div{text-align:center;position:relative;padding:.27rem 0;}
.job .lists .items>a div:last-child i{text-align:center;font-size:.18rem;color:white}
.job .lists .items.opens>a div:last-child i{transform:rotate(180deg);color:white}
.job .lists .items.opens>a{background:#ff6d00;}
.job .lists .items.opens>a p{color:white}
.job .lists .items .content{transition:0s;display:none;padding:.5rem}
.job .lists .items .content .infos p{font-size:.14rem;color:black}
.job .lists .items .content .infos{position:relative;padding:0 0 1rem}
.job .lists .items .content .infos a{position:absolute;right:0;bottom:0;padding:.14rem .6rem;background:#ff6d00;color:white;border-radius:10px;font-size:.15rem}
.job .met_pager{text-align:center;font-size: 0;padding:.7rem 0 0}
.page_contact .contact .title{padding:.44rem 0 .5rem}
.page_contact .contact .title h1{font-size:.23rem;color:black;font-weight:bold;padding:0 0 .26rem}
.page_contact .contact .title p{width:76%;color:#515151;font-size:.15rem}
.page_contact .contact .infos{display:flex;box-shadow:4px 4px 6px rgba(0,0,0,.3)}
.page_contact .contact .infos.cnt_en {flex-direction: column;}
.page_contact .contact .infos .map{width:76%}
.page_contact .contact .infos.cnt_en .map {width:100%}
.page_contact .contact .infos .map #container{height:5.3rem}
.page_contact .contact .infos .right{width:24%;background:#FF6D00;padding:0 .25rem;display:flex;flex-direction: column;justify-content: center;}
.page_contact .contact .infos.cnt_en .right {width:100%; flex-direction: row;flex-wrap: wrap;padding:.65rem .25rem}
.page_contact .contact .infos.cnt_en .right>div{width:50%}
.page_contact .contact .infos.cnt_en .right>div:last-child{width:100%}
.page_contact .contact .infos .right h4 {font-size:.18rem;color:#FFF;font-weight:bold;margin:0 0 .28rem}
.page_contact .contact .infos .right p{font-size:.14rem;color:#FFF;margin:0 0 .1rem}
.page_contact .contact .infos .right p a{font-size:.14rem;color:#FFF;display:inline-block}
.page_contact .contact .infos .right h6 {font-size:.24rem;color:#FFF;font-weight:bold}
.page_contact .contact .infos .right h6 em {font-size:.14rem;display:block;margin:.15rem 0 0;font-weight:normal;}
.page_contact .message{padding:0 0 2.5rem}
.page_contact .message .title{padding:.6rem 0 .4rem}
.page_contact .message .title h1{font-size:.23rem;color:black;font-weight:bold;}
.page_contact .message .form{border-top:1px solid #242424;padding:.6rem .45rem;}
.page_contact .message .form .top{display:flex;justify-content: space-between; flex-direction: row;
flex-wrap: wrap;}
.page_contact .message .form .top .input{width:50%;padding:0 .35rem;margin:0 0 .35rem}
.page_contact .message .form p{font-size:.16rem;padding: 0 0 .2rem}
.page_contact .message .form p i {color:red}
.page_contact .message .form .top .input input{width:100%;padding: .2rem;border:1px solid #383839;}
.page_contact .message .form .bot {padding:.6rem .35rem}
.page_contact .message .form .bot .content{width:100%;height:2rem;padding:.1rem .2rem;border:1px solid #383839}
.page_contact .message .form .button{text-align:center;}
.page_contact .message .form .button input{padding:.2rem .5rem;background:#ff6d00;border:0;color:white}
.tem_banner .banner_txt{position:absolute;;left:2.6rem;z-index:2;top:30%;text-align:left}
.tem_banner .banner_txt h1{font-size:.55rem;color:white;padding:0 0 .3rem;text-shadow: 2px 3px 10px white;opacity:0;transition:all .5s;transform:translateY(100px)}
.tem_banner .swiper-slide-active .banner_txt h1{transition-delay:.4s;transform:none;opacity:1;}
.tem_banner .banner_txt p{font-size:.23rem;color:white;padding:0 0 0 1.2rem;position:relative;text-shadow: 2px 3px 10px white;opacity:0;transition:all .5s;transform:translateY(100px);}
.tem_banner .swiper-slide-active .banner_txt p{transition-delay:.6s;transform:none;opacity:1;}
.tem_banner .banner_txt p:after{content:"";position:absolute;height:2px;width:1rem;background:white;left:0;top:50%;transform:translateY(-50%)}
.tem_banner .slide-pagination {position:absolute;left:50%;transform:translateX(-50%);bottom:5%;z-index:2}
.tem_banner .slide-pagination span{background:none;opacity:1;margin:0 .15rem;width:.18rem;height:.18rem;border:1px solid white;position:relative}
.tem_banner .slide-pagination span:after{content:"";position:absolute;width:.09rem;height:.09rem;border-radius:50%;background:white;left:50%;top:50%;transform:translate(-50%,-50%)}
.tem_banner .slide-pagination .swiper-pagination-bullet-active{border:1px solid #0196eb}
.tem_banner .slide-pagination .swiper-pagination-bullet-active:after{background:#0196eb}
.index_pro>div{padding:0 0 .4rem}
.index_pro .title{text-align:center;padding:.53rem 0 .5rem}
.index_pro .title h1{font-size:.35rem;color:black;}
.index_pro .title p{color:#434343;font-size:.3rem}
.index_pro .lists{padding:0 .95rem;position:relative}
.index_pro .lists a{padding:.6rem .01rem 0;border-top:1px solid #eeeeee;border-right:1px solid #eeeeee;border-bottom:1px solid #eeeeee;overflow:hidden}
.index_pro .lists a .img {height:2rem;line-height:2rem;background:#FFF;text-align:center}
.index_pro .lists a .img img {max-height:2rem;transition:none}
.index_pro .lists .swiper-slide-active a{border-left:1px solid #eeeeee;}
.index_pro .lists a:hover .text {background:#FF6D00}
.index_pro .lists a:hover .text h1{color:white}
.index_pro .lists a:hover .text span{color:white}
.index_pro .lists a:hover {border:1px solid #FF6D00}
.index_pro .lists .swiper-slide-active a:hover{}
.index_pro .lists a .text{position:relative;padding:.46rem 0 .4rem;background:#f8f8f8;text-align:center}
.index_pro .lists a .text h1{font-size:.18rem;color:black;position:relative}
.index_pro .lists a .text h1:after{content:"";position:absolute;background:url(/public/common/images/sjx.png)no-repeat;width:.28rem;height:.09rem;background-size:100%;left:50%;transform:translateX(-50%);top:-.2rem}
.index_pro .lists a .text span{color:black;font-size:.14rem;display:block;text-align:center;margin:.15rem 0 0}
.index_pro a:hover .img{transform:scale(1.1);}
.index_pro .lists .swiper-page>div{position:absolute;font-size:.8rem;color:#dbdbdb;outline:none;z-index:2;top:50%;left:.4rem;transform:translateY(-50%)}
.index_pro .lists .swiper-page>div.slide-button-next {left:auto;right:.4rem}
.index_pro .lists .swiper-page>div:hover{color:#FF6D00;transition:0s}
.index_infos {display:flex;padding:0 .95rem .37rem}
.index_infos .index_job{position:relative;}
.index_infos .index_job .text{position:absolute;left:15%;top:40%}
.index_infos .index_job .text h1{font-size:.3rem;color:white;padding:0 0 .2rem}
.index_infos .index_job .text p{font-size:.15rem;color:white}
.index_infos .index_honor{position:relative;}
.index_infos .index_honor .text{position:absolute;left:15%;top:40%}
.index_infos .index_honor .text h1{font-size:.3rem;color:white;padding:0 0 .2rem}
.index_infos .index_honor .text p{font-size:.15rem;color:white}
.index_about {display:flex;width:100%; flex-direction: row; align-items: center;font-size:0}
.index_about>div{width:50%;}
.index_about .infos{z-index:1;padding:0 1rem 0 2.6rem}
.index_about .infos h1{color:#000;font-size:.3rem;padding:0 0 .15rem}
.index_about .infos h2{color:#000;font-size:.25rem}
.index_about .infos h3{color:#000;font-size:.2rem;padding:.75rem 0 .3rem}
.index_about .infos p{color:#000;font-size:.14rem;line-height:.3rem}
.index_about .infos a{display:inline-block;padding:.15rem .25rem;background:#FF6D00;color:white;margin:.6rem 0 0;font-size:.14rem}
.index_about .videos {position:relative}
.index_about .videos video {width:100%;height:6.5rem;object-fit:cover;background:#000}
.index_nums {background:url(../images/icon_bg.jpg) center no-repeat;padding:.4rem 0;text-align:center;font-size:0;background-size:cover}
.index_nums>div>div{display:inline-block;vertical-align:top;width:20%}
.index_nums h5 {font-size:.14rem;color:#eee;line-height:1}
.index_nums h5 em {font-size:.6rem;color:#FFF;font-weight:bold;display:inline-block;vertical-align:bottom}
.index_nums p{font-size:.14rem;color:#eee;margin:.15rem 0 0}
.index_service>div{padding:0 0 1.35rem}
.index_service .title{text-align:center;padding:1.2rem 0 .8rem}
.index_service .title h1{font-size:.35rem;color:black;}
.index_service .title p{color:#434343;font-size:.3rem}
.index_service .lists .swiper-slide a{display:block;position:relative;overflow:hidden;height:3.5rem;border:1px solid #FF6D00;padding:0 .15rem;line-height:3.5rem;text-align:center}
.index_service .lists .swiper-slide img{max-height:3.2rem;transition:none;}
.index_news {background:#fbfbfb}
.index_news>div{padding:0 0 1.5rem}
.index_news .title{text-align:center;padding:.7rem 0 .7rem}
.index_news .title h1{font-size:.35rem;color:black;}
.index_news .title p{color:#434343;font-size:.3rem}
.index_news .lists{display:flex;justify-content: space-between;}
.index_news .lists .left{width:45%;position:relative}
.index_news .lists .left .infos{position:relative}
.index_news .lists .left .infos .text{position:absolute;bottom:0;left:0;width:100%;padding:.35rem 0;text-align:center;background:rgba(0,0,0,.5);}
.index_news .lists .left .infos .text h1{font-size:.16rem;color:white;display:inline-block;position:relative}
.index_news .lists .left .infos .text h1:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;left:-.1rem;font-size:.18rem;top:50%;transform:translateY(-50%)}
.index_news .lists .left .swiper-page>div{position:absolute;width:.56rem;height:.56rem;border-radius:100%;line-height:.56rem;text-align:center;font-size:.4rem;color:white;outline:none;z-index:2;;transform:translateY(-50%);top:50%;left:0;background:#000000}
.index_news .lists .left .swiper-page>div.slide-button-next {left:auto;right:0}
.index_news .lists .right{width:46%;display:flex;flex-wrap: wrap;align-content: space-between;}
.index_news .lists .right .items a{display:flex;flex-direction: row; align-items: center;}
.index_news .lists .right .items a:hover{background:#e5e8e9}
.index_news .lists .right .items a:hover img{transform:scale(1.1);}
.index_news .lists .right .items a .img{width:25%}
.index_news .lists .right .items a .text{padding:.3rem .2rem .14rem;font-size:0;width:75%}
.index_news .lists .right .items a .text h1{font-size:.16rem;font-weight:bold;color:black;padding:0 0 0 .1rem;position:relative;margin:0 0 .1rem;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.index_news .lists .right .items a .text h1:after{content:"\f105";position:absolute;font:normal normal normal 14px/1 FontAwesome;left:0rem;font-size:.18rem;top:50%;transform:translateY(-50%)}
.index_news .lists .right .items a .text p{color:black;font-size:.13rem;width:90%;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.index_news .lists .right .items a .text span{margin-top:.16rem;display:inline-block;width:30%;font-size:.13rem;color:black}
.index_news .lists .right .items a .text em{width:70%;display:inline-block;font-size:.14rem;text-align:right;color:black}
/**/
.downbox .column{margin:0 0 .45rem;font-size:0}
.downbox .column li {display:inline-block;vertical-align:top;width:20%;padding:0 .15rem;margin:0 0 .3rem;}
.downbox .column li a{display:block;position:relative;border:1px solid #eee;font-size:.16rem;color:#333;text-align:center;padding:0 .1rem;line-height:.55rem;}
.downbox .column li.on a,.downbox .column li a:hover {background:rgba(255, 109, 0, 1);color:#FFF;border-color:rgba(255, 109, 0, 1)}
/********<=767 mobile nav style css********/
.m-header {background: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.2);}
.m-header >.col-xs-6>div {color: #FF6D00;}
.m-header >.col-xs-6 img {max-height: 35px;}
.st-container .st-menu {
background: #fff;
-webkit-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
-o-transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
}
.st-container .st-menu ul li a {color: #555;position:relative;font-size:.25rem;}
.st-container .st-menu ul li>a:hover,.st-container .st-menu ul li.active>a {background: #FF6D00;box-shadow:0 4px 8px rgba(0,0,0,0.2);border-radius:5px;color: #fff;}
.st-container .st-menu ul li>a>i {position:absolute;right:1em;top:50%;transform:translateY(-50%);color: #444;}
.st-container .st-menu ul li.active>a>i,.st-container .st-menu ul li>a:hover>i {color:#FFF}
.st-container .st-menu ul li>dl {transition:none;margin:0}
.st-container .st-menu ul li>dl dd a {background:none;box-shadow:none;color: #b3b3b3;padding-left:0;}
.st-container .st-menu ul li>dl dd a i {padding-right:10px;}
.st-container .st-menu ul li>dl dd dl {transition:none}
.st-container .st-menu ul li>dl dd.on2 a,.st-container .st-menu ul li>dl dd a:hover {color: #FF6D00;font-weight: bold;}
.st-container .st-menu ul li>dl dd.on2 a i,.st-container .st-menu ul li>dl dd a:hover i {padding-right:16px}
.st-effect-1.st-menu {display:block;}
/**************************/
/******ipad****/
@media(max-width:1600px){
header:after{width:35%}
.tem_banner .banner_txt{left:1.6rem}
.about_company .pad2{margin:0 .5rem}
.tem_banner .flash .txt{left:1.6rem}
.culture .pad2{margin:0 .5rem}
.culture .pad2>div{padding:.8rem 0 .5rem 1rem}
}
@media(max-width:1440px){
.index_about .infos{padding-left:1.6rem}
}
@media(max-width:1400px){
.culture .pad2>div{padding:.8rem 0 .5rem .5rem}
}
@media(max-width:1300px){
}
@media(max-width:990px){
body{overflow-x:hidden;}
.st-menu {display:block;}
.header {display:none;}
.m-header {top:0;opacity:1;padding: 0 .1rem;}
.tem_banner{padding-top: 60px;}
.index_about .infos{padding:0 .45rem;}
}
/********mobile*********/
@media(max-width:767px){
.tem_banner .banner_txt{left:.3rem}
.tem_banner .banner_txt h1{font-size:.4rem}
.index_pro .lists{padding:0 .5rem}
.index_pro .lists a .text span{display:none}
.index_pro .lists .swiper-page>div{left:0}
.index_pro .lists .swiper-page>div.slide-button-next{right:0}
.index_infos{padding:0 .5rem .2rem;;display:inherit}
.index_infos .index_job .text p{display:none}
.index_infos .index_honor .text p{display:none}
.index_about{display:block;}
.index_about > div{width:100%}
.index_about .infos{width:100%;padding:0 .25rem;margin:.5rem 0}
.index_nums > div > div{width:33.333%;margin:0 0 .35rem}
.index_news .lists{display:inherit}
.index_news .lists .left{width:100%}
.index_news .lists .right{width:100%;margin-top:.12rem}
.index_news .lists .right .items a .img{width:50%;display:none}
.index_news .lists .left .swiper-page>div{left:-.2rem}
.index_news .lists .left .swiper-page>div.slide-button-next{right:-.2rem}
.index_news .lists .right .items a .text{width:100%}
footer .top>div{display:inherit}
footer .top .left{width:100%}
footer .top .middle{display:none;}
footer .top .right{display:none}
footer .bot>div{display:inherit}
footer .bot p{width:100%}
footer .bot .shares{text-align:left}
.about_nav>div{display:inherit}
.about_nav>div .mbx{display:none}
.about_company .first{display:inherit}
.about_company .first .img{width:100%}
.tem_banner .flash .txt{left:.3rem;bottom:20%}
.tem_banner .flash .txt h1{font-size:.4rem}
.about_company .first .infos{width:100%}
.about_company .first .guimo ul {display:inherit}
.about_company .first .guimo{position:inherit}
.culture .infos{display:inherit}
.culture .infos .left{width:100%}
.culture .infos .right{width:100%}
.pro_nav>div .mbx{display:none}
.product .product_nav{display:none}
.product .right{width:100%;margin:0}
.product .lists .items a:hover .text{top:35%}
.product .lists .items{width:48%}
.product_box .mains .lists{padding:.6rem 0 1.1rem;}
.showproduct .mains .item1 > div{display:block;width:100%}
.showproduct .mains .item1 > div.text{position:relative;padding-left:0;}
.showproduct .mains .item1 > div.imglist{padding-right:0;margin:0 0 .5rem;}
.showproduct .mains .item1 > div.text .infos{padding:.45rem .35rem;}
.showproduct .mains .item2 .editor{padding:.5rem .25rem 0}
.showproduct .mains .item1 > div.imglist .infos{padding:.5rem .25rem .8rem;}
.honor_nav{display:none}
.honor .lists .items{width:45%}
.news .lists .items a{display:inherit}
.news .lists .items a .img{width:100%}
.news .lists .items a .text{width:100%;padding:0 0 .3rem 0 }
.job .infos .text p{display:none}
.job .infos{margin-top:.5rem}
.page_contact .contact .title p{width:100%}
.page_contact .contact .infos{display:inherit}
.page_contact .contact .infos .map{width:100%}
.page_contact .contact .infos .right{width:100%;padding:.45rem .25rem}
.about_company .first .guimo > div{width:33.333%;margin:0 0 .35rem}
.showproduct .mains .item3 .editor{padding:.4rem .25rem 0}
.downbox .column li{width:33.333%;}
.page_contact .message .form{padding:.6rem 0}
.page_contact .message .form .top .input{width:100%;padding:0}
.page_contact .message .form .bot{padding:0 0 .6rem}
}